<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>响应式菜单</title>
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" >
	<link rel="stylesheet" href="./	nav.css">
</head>
<body>
	<header>
		<input type="checkbox" id="checkbox">	
		<h2>Webnoe</h2>	
		<label for="checkbox" class="showMenuBtn">
			<i class="fas fa-ellipsis-h"></i>
		</label>
		<ul class="menu">
			<a href="#">Home</a>
			<a href="#">Hello</a>
			<a href="#">Time</a>
			<a href="#">Aricle</a>
			<a href="#">Photo</a>
			<label for="checkbox" class="hideMenuBtn">
				<i class="fas fa-times"></i>
			</label>
		</ul>

	</header>
</body>
</html>